@import "~antd/dist/antd.css";
@import "~video-react/dist/video-react.css";

body{
  margin: 0 auto;
  max-width: 640px;
  background: #f5f5f5;
}
.App {
  margin: 0;
  padding: 0;
  background: #f5f5f5;
  font-size: 16px;
  overflow: hidden;
  padding-top: 45px;
  padding-bottom: 49px;
}
.top-title{
  text-align: center;
  font-size: 18px;
  line-height: 28px;
  color: #333;
  padding: 8px 0;
  /*border-bottom: 1px solid #e5e5e5;*/
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  background: #fff;
}
.back{
  position: absolute;
  left: 14px;
  top: 13px;
}


.App .ant-collapse{
  border: none;
}
.App .ant-collapse > .ant-collapse-item > .ant-collapse-header .arrow {
    right: 16px;
    left: auto;
}
.App .ant-collapse>.ant-collapse-item>.ant-collapse-header{
  font-size: 18px;
  font-weight: 600;
  padding: 12px 0 12px 16px;
}
.App .ant-collapse-content > .ant-collapse-content-box{
  padding-top: 8px;
}

/*首页的赛区样式*/
.race-area{
  padding:0 12px;
  margin-top:30px;
  background: #fff;
}
.race-area .race-area-top{
  padding-top: 6px;
  line-height: 28px;
}
.race-area .title-left{
  display: inline-block;
  font-size: 18px;
  color: #333;
}
.race-area .title-right{
  display: inline-block;
  float: right;
  font-size: 14px;
  color: #333;
}

.race-area .race-area-content{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 12px;

}
.race-area .race-area-content .content-contain{
  width: 48%;
  /*height: 100px;*/
  margin-bottom: 20px;
  display: block;
  color: #333;
}
.race-area .race-area-content .content-contain .content-img{
  width: 100%;
  height: 0;
  background-size: cover;
  padding-top: 75%;
  background-position: center;
  background-repeat: no-repeat;
}

@import "nav.css";
@import "banner.css";
@import "raceArea.css";
@import "record.css";
@import "personalCenter.css";
@import "login.css"